/**
 * @fileoverview
 */
module.exports = {
  /**
   * 字体家族
   * */
  fontFamily: {
    sans: "'-apple-system', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
  },
  /**
   * 字体大小
   * */
  fontSize: {
    /**
     * 以浏览器默认字体大小16px为基准，这里采用macOS的值
     * 如果需要调整基数大小，只需要调整html元素的font-size即可，无需更改这里的比例值。
     * - 如果调整为iOS的基准值（body为17px），设置为20.8px。
     * - 如果需要调整body值为14px，设置为17.23px
     * */
    // 26px、32px
    "large-title": [
      "1.625rem",
      {
        lineHeight: "2rem",
      },
    ],
    // 22px、26px
    title1: [
      "1.375rem",
      {
        lineHeight: "1.625rem",
      },
    ],
    // 17px、22px
    title2: [
      "1.0625rem",
      {
        lineHeight: "1.375rem",
      },
    ],
    // 15px、20px
    title3: [
      "0.9375rem",
      {
        lineHeight: "1.25rem",
      },
    ],
    // 13px、16px
    headline: [
      "0.8125rem",
      {
        lineHeight: "1rem",
      },
    ],
    // 13px、16px
    body: [
      "0.8125rem",
      {
        lineHeight: "1rem",
      },
    ],
    // 12px、15px
    callout: [
      "0.75rem",
      {
        lineHeight: "0.9375rem",
      },
    ],
    // 11px、14px
    subheadline: [
      "0.6875rem",
      {
        lineHeight: "0.875rem",
      },
    ],
    // 10px、13px
    footnote: [
      "0.625rem",
      {
        lineHeight: "0.8125rem",
      },
    ],
    // 10px、13px
    caption1: [
      "0.625rem",
      {
        lineHeight: "0.8125rem",
      },
    ],
    // 10px、13px
    caption2: [
      "0.625rem",
      {
        lineHeight: "0.8125rem",
      },
    ],
  },
};
